<template>
    <div class="footer">
        <img class="img1"
            src="https://imagev2.xmcdn.com/storages/2165-audiofreehighqps/52/6D/GKwRIDoF6Ml9AAESnAEaI6xF.png!magick=webp"
            alt="">
        <img class="img2"
            src="https://imagev2.xmcdn.com/storages/72b6-audiofreehighqps/30/CE/GMCoOR8H3gffAAAQWAIAHhDF.png!magick=webp"
            alt="">
        <div>© 2014-&nbsp;&nbsp;2023&nbsp;&nbsp; 喜马拉雅 版权所有</div>
    </div>
</template>

<script lang="ts" setup>

</script>

<script lang="ts">
export default {
    name: "WFooter",
};
</script>

<style scoped lang="less">
// 页脚
	.footer {
		width: 100%;
		height: 180px;
		position: relative;
		font-size: 12px;
		.img1 {
			width: 100%;
			height: 100%;
		}

		.img2 {
			width: 102px;
			height: 36px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}

		div {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			margin-top: 40px;
		}

	}
</style>